<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" style="overflow:hidden;">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}"/>
    <link rel="stylesheet" th:href="@{/css/common/main.css}"/>
    <link rel="stylesheet" th:href="@{/css/plugins/font-awesome-4.7.0/css/font-awesome.min.css}" media="all">
    <title>cms-开源社区管理</title>
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
<!--        <div class="layui-logo layui-hide-xs layui-bg-black">用户名:<span th:text="${username}"/></div>-->
        <a href="#" class="layui-logo">
            <span class="layui-logo-mini">CMS</span>
            <span class="layui-logo-lg">CMS 后台</span>
        </a>
        <a class="side-toggle layui-layout-left" href="#">
            <i class="layui-icon layui-icon-shrink-right"></i>
            <i class="layui-icon layui-icon-spread-left"></i>
        </a>
        <!-- 头部区域（可配合layui 已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <!-- 移动端显示 -->
            <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
                <i class="layui-icon layui-icon-spread-left"></i>
            </li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a class="timo-screen-full" href="#">
                    <i class="fa layui-icon layui-icon-screen-full"></i>
                </a>
            </li>
            <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                <a href="javascript:;">
                    <img class="layui-nav-img" th:src="@{'/admin/user/picture?fileName='+${user.picture}}" alt="头像">
                    <span th:text="${user.userRole}"/>
                    <div class="layui-nav-child">
                        <div class="timo-nav-child-box">
                            <div>
                                <a class="open-popup" data-title="个人信息"
                                   th:attr="data-url=@{'/admin/sys/userInfo?id='+${user.id}}" data-size="680,464">
                                    <i class="fa fa-user-o"></i>
                                    个人信息
                                </a>
                            </div>
                            <div>
                                <a class="open-popup" data-title="修改密码"
                                   th:attr="data-url=@{'/admin/sys/editPwd'}" data-size="456,296">
                                    <i class="fa fa-lock" style="font-size:17px;width:12px;"></i>
                                    修改密码
                                </a>
                            </div>
                            <div>
                                <a th:href="@{/logout}">
                                    <i class="fa fa-power-off"></i>
                                    退出登录
                                </a>
                            </div>
                        </div>
                    </div>
                </a>
            <li class="layui-nav-item timo-nav-user">
            </li>
            </li>
        </ul>
    </div>
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!--            用户栏-->
            <div class="layui-side-user">
                <img class="layui-nav-img" th:src="@{'/admin/user/picture?fileName='+${user.picture}}" alt="头像">
                <div>
                    <p class="layui-side-user-name" th:text="${user.username}">CMS</p>
                    <p class="layui-side-user-designation">在线</p>
<!--                    <a th:href="@{/logout}"><p class="layui-side-user-designation">注销</p></a>-->
                </div>
            </div>
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="layui-nav-side">
                <li class="layui-nav-item">
                    <!--页面加载指向当前-->
                    <a href="javascript:;" th:attr="lay-url='/admin/sys/about'">
                        <i class="layui-icon layui-icon-home"></i>
                        <span class="layui-nav-title">主页</span>
                    </a>
                </li>
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:;">
                        <i class="layui-icon layui-icon-group"></i>
                        <span class="layui-nav-title">社区管理</span>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" th:attr="lay-url='/admin/queryInfo/residentInfo'">住户基本信息</a></dd>
                        <dd><a href="javascript:;" th:attr="lay-url='/admin/propertyFee/residentPayInfo'">住户缴费信息</a></dd>
                        <dd><a href="javascript:;" th:attr="lay-url='/admin/parkingSpace/parkingSpaceInfo'">停车位基本信息</a></dd>
                        <dd><a href="javascript:;" th:attr="lay-url='/admin/parkingFee/parkingPayInfo'">停车费缴纳信息</a></dd>
                        <dd><a href="javascript:;" th:attr="lay-url='/admin/repair/repairInfo'">维修信息</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:;">
                        <i class="layui-icon layui-icon-set"></i>
                        <span class="layui-nav-title">系统管理</span>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" th:attr="lay-url='/admin/user/'">用户管理</a>
                        <dd><a href="javascript:;" th:attr="lay-url='/admin/role/'">角色管理</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:;">
                        <i class="layui-icon layui-icon-log"></i>
                        <span class="layui-nav-title">数据统计</span>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" th:attr="lay-url='/admin/sys/costStatistic'">费用统计</a>
                        <dd><a href="javascript:;" th:attr="lay-url='/admin/sys/refreshTask'">定时任务</a>
                        <dd><a href="javascript:;" th:attr="lay-url='/admin/swagger'">swagger接口</a>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <div class="layui-body layui-tab layui-tab-brief" lay-allowclose="true" lay-filter="iframe-tabs">
        <!-- 标签栏 -->
        <ul class="layui-tab-title"></ul>
        <!-- 内容区域 -->
        <div class="layui-tab-content"></div>
    </div>
</div>
<!--全局js-->
<script th:src="@{/js/plugins/jquery.min.js}"></script>
<script th:src="@{/layui/layui.js}"></script>
<script th:src="@{/js/common/main.js}"></script>
</body>
</html>